@charset "utf-8";
@import "yybcommon";
@import "yybreset";
@import "shop_header";
@import "shop_footer";
@import "shop_search";

section{
    
    margin-top: r(88px);
    .tabBar{
        width: 100%;
//      height: r(80px);    
        font-size: 0;
        border-bottom: r(1px) solid #e0e0e0;
        
        .tabLabel{
            width: r(154px);
//          height: r(80px);
//          background-color: red; 
            line-height: r(80px);
            font-size: r(25px);
            text-align: center;
            position: relative;
            
            
        }
        
        .tabLabel:first-of-type{
            margin-left: r(72px);
        }
        .tabLabel:nth-of-type(2){
            margin-left: r(188px); 
        }
        .active{
            color: $basecolor;
        }
        .active::after{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: r(4px);
            top: r(77px);
            left: 0;
            background-color: $basecolor;
        }
        
        
    }
//  选项卡内容
    .tabContent{
//      已上架
        .putaway{
            width: 100%;
        }
        .soldOut{
            width: 100%;
        }
//      商品信
        .tabCell{
            position: relative;
            width: 100%;
//          height: r(200px);
            margin-top: r(20px);
            margin-bottom: r(19px);
//          background-color: black;
            .img-warp{
                margin-left: r(20px);
                width: r(200px);
                height: r(200px);
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                }
            }
//          商品内容
            .tcContent{
//              width: r(375px);
//              height: r(186px);
                margin-top: r(7px);
                margin-left: r(15px);
//              background-color: black;
//              商品标题
                .comdTitle{
                    font-size: r(26px);
                    line-height: r(41px);
//                  height: r(41px);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-height: r(82px);
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
//              商品二级辩题
                .comdSecTitle{
                    font-size: 0;
                    margin-top: r(27px);
                    span{
                        font-size: r(23px);
                        line-height: r(23px);
                        color: #999999;
                        display: inline-block;
                        &:nth-of-type(2){
//                          margin-left: r(20px);
                        }
                    }
                }
//              商品底部更多信息栏
                .comdMoreBar{
                    width: 100%;
//                  height: r(44px);
                    margin-top: r(25px);
                    
//                  background-color: black;
                    p{
                        height: r(44px);
                        line-height: r(44px);
                        font-size: r(23px);
                        span{
                            color: $basecolor;
                            font-size: r(25px); 
                        }
                    }
//                  更多
                    .icon-more{
                        width: r(44px);
                        height: r(44px);
                        color: $basecolor;
                        font-weight: bold;
                        line-height: r(44px);
                        font-size: r(44px);
                    }
                }
            }
            .MoreBar{
                
                width: r(600px);
                height: r(124px);
                top: r(16px); 
                left: r(30px);
                position: absolute;
                z-index: 9;
//              background-color: black;
                background-image: url(../img/shopManagement/edit_03.png);
                background-size: r(600px) r(124px);
//              display: flex;
                justify-content: space-around;
//              align-items: center;
                .MoreBarCell{
                    position: relative;
                    width: r(45px);
                    height: r(82px);
                    margin-top: r(14px);
//                  background-color: white;
                    color: white;
                    font-size: 0;
//                  display: none;
                    span{
                        margin-top: r(17px);
                        font-size: r(20px);
                        display: block;
                        width: 100%;
                        height: r(20px);
                        text-align: center;
                    }
                    a{
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                }
                .mbcicon{
                    width: r(45px);
                    height: r(45px);
//                  background-color: white;
                    font-size: r(45px);
                    line-height: r(45px);
                }
            }
        }
    }
//  商品内容批量编辑前后宽度
    .tccWidth{
        width: r(375px);
    }
    .tccChangeWidth{
        width: r(320px);
    }
//  上架商品选中框
    .tccSelect{
        width: r(35px);
        height: r(35px);
        box-sizing: border-box;
        border-radius: 50%;
        border: r(2px) solid #999999;
        margin-top: r(83px);
        margin-left: r(20px);
        float: left;
        font-size: r(35px);
        line-height: r(35px);
        color: $basecolor;
        position: relative;
        .icon-selected{
            position: absolute;
            left: 0;
            top:0;
        }
    }
    
    .icon-cancel{
        width: r(44px);
        height: r(44px);
        color: $basecolor;
        line-height: r(44px);
        font-size: r(44px);
//      font-weight: bold;
    }
}
//点击下架按钮时跳出来
.warp{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
    .tips{
        width: r(550px);
        margin: r(464px) auto 0 auto;
        background-color: white;
        border-radius: r(15px);
        font-size: 0;
        overflow: hidden;
        .tipTitle{
            width: r(500px);
            height: r(154px);
            line-height: r(154px);
            font-size: r(29px);
            border-bottom: r(1px) solid #dcdcdc;
            text-align: center;
            margin: 0 auto;
        }
        .tipsBar{
            width: r(501px);
            margin: r(32px) auto r(33px) auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0;
            .tipsBtn{
                width: r(235px);
                height: r(80px);
                box-sizing: border-box;
                border: r(1px) solid #b7b7b7;
                border-radius: r(3px);
                font-size: r(29px);
                line-height: r(80px);
                color: #666666;
                text-align: center;
                
            }
            .soAct{
                border: none;
                background-color: $basecolor;
                color: white;
            }
        }
    }
}

//下架成功后的提示框
.smileTip{
    position: fixed;
    width: r(249px);
    height: r(183px);
    background-color: rgba(0,0,0,0.7);
    top: r(543px);
    left: r(196px);
    z-index: 101;
    border-radius: r(15px);
    font-size: 0;
    .icon-smile{
        width: r(69px);
        height: r(69px);
        margin: r(33px) auto 0 auto;
        font-size: r(69px);
        color: #d6d6d6;
    }
    .smileTitle{
        height: r(27px);
        margin-top: r(16px);
        font-size: r(27px);
        line-height: r(27px);
        color: #d6d6d6;
        text-align: center;
    }
}

//推广标签
.generTab{
    width: 100%;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    transition: all 0.3s;
    
}
//标签内容
.generCentent{
    width: 100%;
    height: r(616px);
    border-bottom: r(1px) solid #e0e0e0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0;
    .generCell{
        width: r(200px);
        height: r(146px);
        .generImg{
            width: r(105px);
            height: r(105px);
            position: relative;
            margin: 0 auto;
            img{
                position: absolute;
                width: 100%;
                height: 100%;
            }
            
        }
        p{
            font-size: r(23px);
            line-height: r(23px);
            height: r(23px);
            width: 100%;
            text-align: center;
            color: #999999;
            margin-top: r(18px);
        }
    }
}
//取消按钮
.generCancel{
    height: r(103px);
    width: 100%;
    font-size: r(33px);
    line-height: r(103px);
    text-align: center;
}

